$(function(){
    getCate();

    var indexAdd=null;
    $('#addBtn').click(function(){
        indexAdd=layer.open({
            type:1,
            area:['500px','300px'],
            title:'添加文章分类',
            content:$('#tpl2').html()//这里content是一个普通 String
        });
    })

    $('body').on('submit','#form-add',function(e){
        e.preventDefault();
        $.ajax({
            method:'POST',
            url:'/my/article/addcates',
            data:$(this).serialize(),
            success:function(res){
                if(res.status !=0){
                    return layer.msg('新增分类失败!')
                }
                getCate()//因为添加分类成功了，页面上之前的分类旧了
                layer.msg('新增分类成功！')
                // 根据索引，关闭对应的弹出层
                layer.close(indexAdd)
            }
        })
    })

    // 删除接口
    $('tbody').on('click','.btn-del',function(){
        var Id =$(this).parent().attr('data-id');
        console.log(Id);

        $.ajax({
            method:'GET',
            url:'/my/article/deletecate/'+Id,
            success:function(res){
                if(res.status !=0){
                    return layui.layer.msg(res.message)
                }
                layui.layer.msg('删除成功')
                getCate();
            }
        })
    })

    //编辑功能
    var indexEdit;
    $('tbody').on('click','.btn-edit',function(){
        indexEdit=layer.open({
            type:1,
            area:['500px','300px'],
            title:'修改文章分类',
            content:$('#tpl3').html()//这里content是一个普通 String
        });

        var Id=$(this).attr('data-id');
        $.ajax({
            method:'GET',
            url:'/my/article/cates/'+Id,
            success:function(res){
                if(res.status !=0) return layui.layer.msg(res.message);
                console.log(res.data);
                layui.form.val('form-edit',res.data)
                
            }
        })
    })

    // 保存修改的结果ajax
    $('body').on('submit','#form-edit',function(e){
        e.preventDefault();
        $.ajax({
            method:'POST',
            url:'/my/article/updatecate',
            data:$(this).serialize(),
            success:function(res){
                if(res.status !=0) return layui.layer.msg(res.message);
                getCate();
                layui.layer.close(indexEdit);
            }
        })
    })


})

function getCate(){
    $.ajax({
        method:'GET',
        url:'/my/article/cates',
        success:function(res){
            if(res.status !=0) return layui.layer.msg(res.message);
            console.log(res.data);
            var htmlStr =template('tpl',res);
            $('tbody').html(htmlStr)
        }
    })
}